import React, { memo } from 'react';

import { ProfileWrapper } from "./style";
import ProfileLayout from './layout';

const Profile = memo(() => {
  return (
    // 当我们一刷新就意味着我们这个页面会先在服务端渲染好再给我们，但服务端不会给我们加这些类名的，所以导致样式添加失败。
    // 解决：1.安装插件 yarn add -D babel-plugin-styled-components.2.再.babelrc文件里配置{"plugins:[["styled-components", {"ssr": true}]]"}。为了在服务端渲染时styled-components也生效。
    <ProfileLayout>
      <ProfileWrapper>
        <h2>Profile</h2>
        <span>姓名：yzh</span>
      </ProfileWrapper>
    </ProfileLayout>
  )
})

export default Profile